<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<%
String path = request.getContextPath();
String basepath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>
<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>缴费信息</title>
    <meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" name="viewport" />
    <meta content="black" name="apple-mobile-web-app-status-bar-style" />
    <meta content="telephone=no" name="format-detection" />
    <link href="<%=basepath%>css/index.css" rel="stylesheet" type="text/css">
    <link href="<%=basepath%>css/platform.css" rel="stylesheet" type="text/css">
    <script src="<%=basepath%>js/jquery-1.8.3.min.js"></script>
    <script src="<%=basepath%>js/layer/layer.js"></script>
    <script src="<%=basepath%>js/jquery.SelectDate.js"></script>
</head>
<body>
<div class="viewport">
    <div class="header">
       <div class="header-1">
           <a href="javascrpt:void(0)" id="join" class="header-2">
              <span id="account" class="account">${empty user.realName ? '' : user.realName}</span>&nbsp;&nbsp;<span id="deptName" class="deptName">${user.departmentName}</span>
           </a>
           <a href="/wape-web/api/core/centerService?serviceCode=WJ9999&targetURL=store&prefix=3g_platform_shop-rent_op&entrance=yes" class="back" id="back">返回</a>
           <span class="span-num">WWP28200</span>
       </div>
    </div>
    <div class="content m-top">
        <div class="hr-1"></div>
           <div class="fix">
               <div class="fix-1">
                   <a href="/wape-web/api/core/centerService?serviceCode=WJ9999&targetURL=contract-information&prefix=3g_platform_shop-rent_wp&openId=${openId}&isWX=${isWX}" class="fix-1-1" style="width:33%;">合同信息</a>
                   <a href="/wape-web/api/core/centerService?serviceCode=WJ9999&targetURL=payment-information&prefix=3g_platform_shop-rent_wp&openId=${openId}&isWX=${isWX}" class="fix-1-1 li-active" style="width:33%;">缴费信息</a>
                   <a href="javascript:void(0)" class="fix-1-1" style="width:33%;"></a>
                </div> 
           </div>
        <div class="blank-m"></div>
        <div class="blank"></div>
        <form method="post" id="myForm" action="/wape-web/api/core/centerService">
        <div class="pi-1">
            <div class="pi-1-1"><span style="font-size:14px;float:left;">合同编号：<span id="number">1610125689</span></span><a href="javascript:void(0)" class="sure" id="submit">提交</a></div>
        </div>
        <div class="pi-2">
           <div class="pi-2-1">
               <table style="width:100%;background-color:#fff;">
                  <tr>
                      <td>缴款次数：2次</td>
                      <td>缴款总额：5000元</td>
                      <td style="border-right:none;"></td>
                      <td style="border-left:none;"><a href="/wape-web/api/core/centerService?serviceCode=WJ9999&targetURL=add-payment&prefix=3g_platform_shop-rent_wp&openId=${openId}&isWX=${isWX}" style="color:#ff0000;position:relative;right:10px;">添加缴费信息</a></td>
                  </tr>
                  <tr>
                      <td>预收款类别</td>
                      <td>预收款金额</td>
                      <td>预收款时间</td>
                      <td>收款单号</td>
                  </tr>
                  <tr>
                      <td>定金</td>
                      <td>3000元</td>
                      <td>2016-10-12</td>
                      <td>1610121987</td>
                  </tr>
                  <tr>
                      <td>租金</td>
                      <td>2000元</td>
                      <td>2016-10-12</td>
                      <td>1610121988</td>
                  </tr>
               </table>
           </div>
        </div>
        </form>
        <div class="space"></div>
    </div>
</div>
</body>
<script type="text/javascript">
     /*错误提示*/
     $(function(){
         var error = "${requestScope.returnMsg}";
         if(error != "" && error != "成功!"){
             layer.msg(error,{shadeClose:true,shade:0.1,time:2000});
         }
     });
     /*提交*/
     $(function(){
    	 $("#submit").click(function(){
    		 layer.confirm('确认提交？',{
                 icon: 3,
                 title:'提交'
             },function(sure){
                 layer.closeAll();
                 $("#myForm").submit();
             });
    	 });
     });
     /*提交表单*/
     $("#myForm").submit(function(){
         var a = $("#number").text();
         if(a == ""){
             layer.msg("合同编号不存在",{shadeClose:true,shade:0.1,time:2000});
             return false;
         }
         else{
             layer.load();
             setTimeout(function(){
                 layer.closeAll();
                 layer.msg("网络异常，请重新尝试！",{shadeClose:true,shade:0.1,time:2000});
             }, 30000);
         }
     });
</script>
</html>


